<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>文档碎片</title>
   <script>
      window.onload=function(){
	    var oUl=document.getElementById("ul1");
		var oFrag=document.createDocumentFragment();

		
		for(var i=0;i<10000;i++){
		   var oli=document.createElement("li");
		   oFrag.appendChild(oli);		   
		}
        oUl.appendChild(oFrag);
		
	  };
   </script>
</head>
<body>
  
    <input id="txt1" type="text"/>
  <input id="btn1" type="button" value="创建li元素的按钮">
   <ul id="ul1">
   
   </ul>

</body>
</html>